<template>
	<view style="padding: 20rpx 40rpx;">
		<view style="position: relative;">
			<view style="display: flex;justify-content: center;">
				<u-avatar size="150rpx" src="https://img01.yzcdn.cn/vant/cat.jpeg"></u-avatar>
			</view>
			<view style="text-align: center;font-size: 36rpx;font-weight: 600;margin-top: 20rpx;">土拨鼠</view>
		</view>
		<!-- 表单 -->
		<view>
			<view style="display: flex;padding: 10rpx 0;border-bottom:2px solid #127c72;margin-bottom: 40rpx;" class="">
				<text style="font-size: 28rpx;margin-right: 20rpx;color:#215fa5;font-weight: bold;">真实姓名:</text>
				<input style="font-size: 30rpx;font-weight: bold;" placeholder="姓名"></input>
			</view>
			<view style="display: flex;padding: 10rpx 0;border-bottom:2px solid #127c72;margin-bottom: 40rpx;" class="">
				<text style="font-size: 28rpx;margin-right: 20rpx;color:#215fa5;font-weight: bold;">学号:</text>
				<input style="font-size: 30rpx;font-weight: bold;" placeholder="学号"></input>
			</view>
			<view style="display: flex;padding: 10rpx 0;border-bottom:2px solid #127c72;margin-bottom: 40rpx;" class="">
				<text style="font-size: 28rpx;margin-right: 20rpx;color:#215fa5;font-weight: bold;">性别:</text>
				<div>
					<u-radio-group v-model="radiovalue1" @change="groupChange">
						<u-radio :customStyle="{width:'50%',display:'flex',justifyContent: 'center',marginLeft:'10rpx'}"
							v-for="(item, index) in radiolist" :key="index" :label="item.name" :name="item.name"
							@change="radioChange">
						</u-radio>
					</u-radio-group>
				</div>
			</view>
			<view>
				<view style="font-size: 28rpx;margin-right: 20rpx;color:#215fa5;font-weight: bold;margin-bottom: 20rpx">个人简介:</view>
				<textarea style="font-size;height: 220rpx;overflow-y: auto;background: white;padding: 10rpx;font-weight: 600;">
					
				</textarea>
			</view>
			<view style="border-color: #215fa5;;margin-top: 60rpx;;justify-content: center;;text-align: center;height: 80rpx;display: flex;;align-items: center;border-radius: 40rpx;" class="bt_primary">修改</view>
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				radiolist: [{
						name: "男"
					},
					{
						name: "女"
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page{
	background: #f4f5f4;
}

</style>
